<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!--表单标签 action表单提交到服务器的地址-->
    <form action="test.php"method="post">
        <!--明文输入框-->
        用户：<input type="text">
        <!--暗纹输入框 br标签强制换行-->
        密码:<input type="password"><br>
        <!--单选按钮-->
        性别：
        <label for="list">男:</label>
         <input type="radio" name="gender"value="male"id="list">
        <label>
         女<input type="radio" name="gender" value="female"id="list">
        </label><br>
        爱好：
        篮球：<input type="checkbox" name="hobbi es"value="basketball" >
        足球：<input type="checkbox" name="hobbies"value="football" >
        游泳：<input type="checkbox" name="hobbies"value="swimming" ><br>
        <!--下拉选项-->
        <select name="city">
         <optgroup label="一线城市">
           <option value="lanzhou">兰州：</option>
           <option value="tianshui">天水：</option>
           <option value="baiyin">白银：</option>
           </optgroup>
           <optgroup label="二线城市">
           <option value="shanghai">上海：</option>
           <option value="beijin">北京：</option>
           <option value="guangzhou">广州：</option>
           </optgroup> 



        </select><br>
        <!--多行文本框-->
        <textarea rows="50" cols="50"></textarea>
        <peogress value="70" max="100"></peogress>
        <input type="range" min="0" step="1" max="10">
        <input type="datetime-local">
        <input type="date">
        <input type="color">
        <input type="button" value="提交">

    </form>
    
</body>
</html>